import React from "react";
// import logo from "./logo.svg";
import "./App.css";
import Button, { ButtonSize, ButtonType } from "./components/Button/button";
import Menu from './components/Menu/menu'
import MenuItem from './components/Menu/menuItem'

const App: React.FC = () => {
  return (
    <>
      <Menu>
      <MenuItem>1</MenuItem>
      <MenuItem>2</MenuItem>
      <MenuItem>3</MenuItem>
      </Menu>
      <Button
        btnType={ButtonType.Primary}
        size={ButtonSize.Small}
        disabled={true}
      >
        hello1
      </Button>
      <Button btnType={ButtonType.Link} href="www.baidu.com" target="_blank">
        百度
      </Button>
      <Button btnType={ButtonType.Default} size={ButtonSize.Large}>
        Default
      </Button>
      <Button btnType={ButtonType.Danger}>Danger</Button>
    </>
  );
};

export default App;
